<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝商城</title>
    <link rel="stylesheet" href="./Taobao.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <!-- <link rel="stylesheet" href="./fontawesome-free-5.15.4-web/css/fontawesome.css">
    <link rel="stylesheet" href="./fontawesome-free-5.15.4-web/css/brands.min.css">
    <link rel="stylesheet" href="./fontawesome-free-5.15.4-web/css/solid.css"> -->
</head>
<body>
    <!-- 顶部导航区域 -->
    <div class="head">
        <div class="head-nav">
            <ul class="select-box">
                        
                <script>
                    ;(function(){
                        let json = [
                        '全球',
                        '中国大陆',
                        '中国香港',
                        '中国台湾',
                        '中国澳门',
                        '韩国',
                        '马来西亚',
                        '澳大利亚',
                        '新加坡',
                        '新西兰',
                        '加拿大',
                        '日本',
                        '越南',
                        '泰国',
                        '菲律宾',
                        '柬埔寨',
                        ]
                        for(let i=0;i<json.length;i++)
                        document.write(`
                            <li class="select-item">${json[i]}</li>
                        `)

                    }())
                </script>
            </ul>
           
            <!-- 顶部左边的 -->
            <ul class="left">
                <li class="active1">中国大陆<span class="fa fa-angle-down"></span>
                    
                </li>
                <script>
                    ;(function(){
                        let selectBox = document.querySelector('.select-box')
                        let active = document.querySelector('.active1')
                        active.addEventListener('mouseenter',function(){
                            console.log(55);
                            selectBox.style.top='40px'
                            active.style.backgroundColor='#fff'
                        })
                        active.addEventListener('mouseleave',function(){
                            console.log(66);
                            selectBox.style.top='-240px'
                            active.style.backgroundColor='#f5f5f5'
                        })
                        selectBox.addEventListener('mouseenter',function(){
                            console.log(55);
                            selectBox.style.top='40px'
                            active.style.backgroundColor='#fff'
                        })
                        selectBox.addEventListener('mouseleave',function(){
                            console.log(66);
                            selectBox.style.top='-240px'
                            active.style.backgroundColor='#f5f5f5'
                        })
                    }())
                </script>
                <li><a href="#" style="color: #f22e00 ;">亲，请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
            <!-- 顶部右边的 -->




            <ul class="right">
                <li class="myTaobao" id="myTaobao">
                    <a href="#">我的淘宝<span style="padding-left: 8px;" class="fa fa-angle-down"></span></a>
                    <span>
                        <a href="#">收到的宝贝</a>
                        <a href="#">我的足迹</a>
                    </span>
                    
                </li>
                <li><a href="#"><span style="color: #f22e00;padding-right: 3px;" class="fa fa-shopping-cart"></span> 购物车</a></li>
                <li class="collect" id="collect"><a href="#"><span class="fa fa-star" style="padding-right: 4px;"></span>收藏夹<span style="padding-left: 4px;" class="fa fa-angle-down"></span></a>
                    <span>
                        <a href="#">收藏的宝贝</a>
                        <a href="#">收藏的店铺</a>
                    </span>
                </li>
                <li><a href="#">跨境物流管理</a></li>
                <li><a href="#">海外消费者帮助</a></li>
            </ul>
        </div>
    </div>


<!-- 顶部弹出的搜索框 -->
<div class="wrapper">
    <div class="log search2" style="height: 55px;padding-left: 50px;width: 100%; position: fixed;top: 0px;z-index: 9999; background-color: #fff;">
        <a href="#">
            <div class="left">
                <p><br></p>
            </div>
        </a>
        <a class="taobao2" href="#">

        </a>
        <div class="right" style="margin-top: -20px;">
            <input type="text" placeholder="充电宝">
            <div class="img fa fa-camera">
                <div class="information">拍照搜索</div>
            </div>
            <span>搜索</span>
            <div class="select-search">
                <span style="color: rgba(255, 255, 255, 0);" class="fa fa-angle-down"></span><p>宝贝</p><span class="fa fa-angle-down"></span>
                <ul>
                    <li>天猫</li>
                    <li>店铺</li>
                   
                </ul>
            </div>
           
        </div>
        
        
    </div>    






    <!-- log 以及 search  区域 -->
    <div class="wrapper search3" style="display: block;">
        <div class="log">
            <a href="#">
                <div class="left">
                    <img src="https://gw.alicdn.com/imgextra/i1/O1CN01LfyvED1TpRW5ppmks_!!6000000002431-2-tps-214-134.png" alt="淘宝商城">
                    <p>中国<br>大陆</p>
                </div>
            </a>

            <div class="right">
                <input type="text" placeholder="充电宝">
                <div class="img fa fa-camera">
                    <div class="information">拍照搜索</div>
                </div>
                <span>搜索</span>
                <div class="select-search">
                    <span style="color: rgba(255, 255, 255, 0);" class="fa fa-angle-down"></span><p class="baobei">宝贝</p><span class="fa fa-angle-down"></span>
                    <ul class="baobeiS">
                        <li>天猫</li>
                        <li>店铺</li>
                        <script>
                        // ;(function(){
                        //     let select = document.querySelector('.log>.right>.select-search>p')
                        //     let li = document.querySelectorAll('.log>.right>.select-search>ul>li')
                        //     let t
                        //     let ul =document.querySelector('.log>.right>.select-search>ul')
                        //     for (let index = 0; index < li.length; index++) {
                        //         li[index].addEventListener('click',function(){
                        //             t=select.innerHTML
                        //             select.innerHTML=li[index].innerHTML
                        //             li[index].innerHTML = t
                        //         })
                        //     }

                        // }())
                        // </script>
                    </ul>
                </div>
                <ul>
                    <li style="padding-left: 2.2%;"><a href="#">新款连衣裙</a></li>
                    <li><a href="#">四件套</a></li>
                    <li><a href="#">潮流T恤</a></li>
                    <li><a href="#">时尚女鞋</a></li>
                    <li><a href="#">短裤</a></li>
                    <li><a href="#">半身裙</a></li>
                    <li><a href="#">男士外套</a></li>
                    <li><a href="#">墙纸</a></li>
                    <li><a href="#">行车记录仪</a></li>
                    <li><a href="#">新款男鞋</a></li>
                    <li style="float: right;width: 100px;"><a href="#">查看全部<span class="fa fa-chevron-circle-right"></span></a></li>
                </ul>
            </div>
            
            <div class="downLoadTaobao">
                <p>下载淘宝</p>
                <img src="./downLoadTaobao.png" alt="下载淘宝">
            </div>
        </div>


        
        <script>
            ;(function(){
                let input = document.querySelector('.log>.right>input')
                let log =document.querySelector('.log')
                let wrapper = document.querySelector('.wrapper')
                let downLoadTaobao =document.querySelector('.downLoadTaobao')
                let left = document.querySelector('.wrapper>.log>a>.left')
                let ul =document.querySelector('.log > .right > ul')
                let right = document.querySelector('.log > .right')
                let search2 = document.querySelector('.search2')
                let search3 = document.querySelector('.search3')

                window.addEventListener('scroll',function(){
                    
                    if(document.documentElement.scrollTop>=60)
                    {
                        search2.style.display='block'
                        search3.style.visibility='hidden'
                    }
                    else{
                        search2.style.display='none'
                        search3.style.visibility='inherit'
                        
                        let select = document.querySelector('.baobei')
                        let li = document.querySelectorAll('baobeiS>li')
                            
                        let select2 = document.querySelectorAll('.search2 .right>.select-search>p')
                        let li2 = document.querySelectorAll('.search2 .right>.select-search>ul>li ')

                        let t
                        let ul =document.querySelector('.search3>.log>.right>.select-search>ul')
                //         for (let index = 0; index < 2; index++) {
                //     li[index].addEventListener('click',function(){
                //         t=select.innerHTML
                //         select.innerHTML=li[index].innerHTML
                //         li[index].innerHTML = t

                //         console.log(5565656);
                        
                //         select2[0].innerHTML=select.innerHTML
                //         li2[index].innerHTML=li[index].innerHTML
                //     })
                // }
                    }
                })






            }())
        </script>
         <script>
            ;(function(){
                let select = document.querySelectorAll('.search2>.right>.select-search>p')
                let li = document.querySelectorAll('.search2>.right>.select-search>ul>li')
                let t
                let t2
                let ul =document.querySelector('.search2>.right>.select-search>ul')

                let select2 = document.querySelectorAll('.search3>.log>.right>.select-search>p')
                let li2 = document.querySelectorAll('.search3>.log>.right>.select-search>ul>li')
                for (let index = 0; index < 2; index++) {
                    li[index].addEventListener('click',function(){
                        t=select[0].innerHTML
                        select[0].innerHTML=li[index].innerHTML
                        li[index].innerHTML = t

                        console.log(5565656);
                        
                        select2[0].innerHTML=select[0].innerHTML
                        li2[index].innerHTML=li[index].innerHTML
                    })
                }

                for (let index = 0; index < 2; index++) {
                    li2[index].addEventListener('click',function(){
                        t=select2[0].innerHTML
                        select2[0].innerHTML=li2[index].innerHTML
                        li2[index].innerHTML = t

                        console.log(5565656);
                        
                        select[0].innerHTML=select2[0].innerHTML
                        li[index].innerHTML=li2[index].innerHTML
                    })
                }
                // for (let index = 2; index < 4; index++) {
                //     li2[index].addEventListener('click',function(){
                //         t2=select[1].innerHTML
                //         select[1].innerHTML=li2[index].innerHTML
                //         li2[index].innerHTML = t2
                //     })
                // }


            }())
            </script>


      
    </div>
    <div class="wrapper2">
          <!-- banner区域 -->
          <div class="banner">

                <!-- 左边区域 -->
                <div class="left">
                    <ul>
                        <h2>分类</h2>
                        <li><span class="fa fa-user-o"></span><a href="#">女装</a>/<a href="#">内衣</a>/<a href="#">奢品</a></li>
                        <li><span class="fa fa-wheelchair-alt"></span><a href="#">女鞋</a>/<a href="#">男鞋</a>/<a href="#">箱包</a></li>
                        <li><span class="fa fa-s15"></span><a href="#">美妆</a>/<a href="#">饰品</a>/<a href="#">洗护</a></li>
                        <li><span class="fa fa-snowflake-o"></span><a href="#">男装</a>/<a href="#">运动</a>/<a href="#">百货</a></li>
                        <li><span class="fa fa-heartbeat"></span><a href="#">手机</a>/<a href="#">数码</a>/<a href="#">企业礼品</a></li>
                        <li><span class="fa fa-telegram"></span><a href="#">家装</a>/<a href="#">电器</a>/<a href="#">车品</a></li>
                        <li><span class="fa fa-share-alt-square"></span><a href="#">食品</a>/<a href="#">生鲜</a>/<a href="#">母婴</a></li>
                        <li><span class="fa fa-weibo"></span><a href="#">医药</a>/<a href="#">保健</a>/<a href="#">进口</a></li>
                    </ul>
                </div>

                <!-- 右边区域 -->
                <div class="right">
                    <!-- 导航 -->
                    <ul class="nav">
                        <li><span></span><a  href="#">天猫</a><span>|</span></li>
                        <li><a href="#">聚划算</a><span>|</span></li>
                        <li><a href="#">天猫超市</a><span>|</span></li>
                        <li><a href="#">司法拍卖</a><span>|</span></li>
                        <li><a href="#">飞猪旅行</a><span>|</span></li>
                        <li><a href="#">天天特卖</a><span>|</span></li>
                        <li><a href="#">极有家</a><span>|</span></li>
                        <li><a href="#">淘宝直播</a><span></span></li>
                    </ul>

                    <!-- 轮播图区域 -->
                
                    <div class="bnaner3">
                        <a href="#">
                        <img src="" alt="">
                        </a>
                            
                        <span class="previous fa fa-chevron-left"></span>
                        <span class="next fa fa-chevron-right"></span>


                            <ul>
                                <script>
                                    ;(function(){
                                        let bannerImg=[
                                            {src:'https://img.alicdn.com/imgextra/i2/6000000003286/O1CN01bcCTfR1a92HyKBtiB_!!6000000003286-2-octopus.png'},
                                            {src:'https://img.alicdn.com/imgextra/i1/6000000007034/O1CN01Rndgf721pckATm6hm_!!6000000007034-2-octopus.png'},
                                            {src:'https://img.alicdn.com/imgextra/i4/6000000004966/O1CN01HbsgiN1mYTg7S2FNQ_!!6000000004966-0-octopus.jpg'},
                                            {src:'https://img.alicdn.com/imgextra/i2/6000000007235/O1CN01o4tOE223JgLxjNMaf_!!6000000007235-2-octopus.png'},
                                            {src:'https://img.alicdn.com/imgextra/i4/6000000001058/O1CN017HPzlT1Jgbr6Rvc4X_!!6000000001058-0-octopus.jpg'},
                                            {src:'https://img.alicdn.com/imgextra/i1/6000000003833/O1CN01uBUSVR1eBYwDRqqKV_!!6000000003833-2-octopus.png'},
                                            {src:'https://img.alicdn.com/imgextra/i1/6000000002571/O1CN011s3nON1UrZ6i7EyPo_!!6000000002571-0-octopus.jpg'},
                                            {src:'https://img.alicdn.com/imgextra/i4/6000000004769/O1CN011X7HnG1l6Feqp9DrC_!!6000000004769-2-octopus.png'},
                                            {src:'https://img.alicdn.com/imgextra/i4/6000000002586/O1CN01CZo84N1UyR2si8J0K_!!6000000002586-0-octopus.jpg'},
                                            {src:'https://img.alicdn.com/imgextra/i1/6000000003833/O1CN01uBUSVR1eBYwDRqqKV_!!6000000003833-2-octopus.png'},
                                        ]

                                        // 根据json文件打印active
                                       for(i=0;i<bannerImg.length;i++)
                                       {
                                        document.write(`
                                            <li></li>
                                        `)
                                       }

                                    //    自动轮播图
                                    let bannerSrc = document.querySelector('.banner>.right>.bnaner3>a>img')
                                    let banner = document.querySelector('.banner>.right>.bnaner3>a')
                                    let active2 = document.querySelectorAll('.banner>.right>.bnaner3 ul>li')
                                    let i1=0
                                    let button = document.querySelectorAll('.banner>.right>.bnaner3 span')
                                    let banner3 = document.querySelector('.banner>.right>.bnaner3')

                                    function bannerAuto(){
                                        if(i1===bannerImg.length)
                                            i1=0
                                            bannerSrc.src=bannerImg[i1].src


                                            // banner图底部的小圆点
                                            for(j=0;j<bannerImg.length;j++)
                                            {
                                                active2[j].classList.add('active2')
                                            active2[j].classList.remove('active')
                                            }
                                            active2[i1].classList.add('active')
                                    }
                                    //    在外面线运行一遍
                                    // 把默认样式渲染好
                                   bannerAuto()
 
                                            

                                    let timer = setInterval(() => {
                                            i1=i1+1
                                        bannerAuto()
                                    }, 3500);

                                    banner3.addEventListener('mouseenter',function(){
                                        button[0].style.display='block'
                                        button[1].style.display='block'

                                        clearInterval(timer)
                                    })

                                    banner3.addEventListener('mouseleave',function(){
                                        button[0].style.display='none'
                                        button[1].style.display='none'

                                        timer = setInterval(() => {
                                            i1=i1+1
                                            bannerAuto()
                                    }, 3500);
                                    })

                                    button[0].addEventListener('click',function(){
                                        i1--

                                        if(i1>=bannerImg.length){
                                            i1=0
                                        }
                                        else if(i1<=-1){
                                            i1=bannerImg.length-1
                                        }

                                        bannerAuto()
                                    })

                                    button[1].addEventListener('click',function(){
                                        i1=i1+1
                                        bannerAuto()
                                    })

                                    for(let j=0;j<bannerImg.length;j++){
                                        active2[j].addEventListener('click',function(){
                                            i1=j
                                            bannerAuto()
                                        })
                                    }



                                    }())
                                </script>
                            </ul>
                    </div>

                    <div class="user">

                        <a href="#">
                            <img class="head" src="https://wwc.alicdn.com/avatar/getAvatar.do?userNick=&width=60&height=60&type=sns&_input_charset=UTF-8" alt="">
                        </a>
                        <div class="name">
                           <a href="#">
                            Hi! <span>你好</span>
                           </a>
                        </div>

                        <ul class="userNav">
                            <li><a href="#">登录</a></li>
                            <li><a href="#">注册</a></li>
                            <li><a class="shopp" href="https://ishop.taobao.com/openshop/tb_open_shop_landing.htm?spm=a21bo.jianhua.0.0.5af911d9McMhgz&accessCode=tbopenshop_personal#/">开店</a></li>
                        </ul>

                        <ul class="my-tao">
                            <li><a href="#"><span class="fa fa-github-alt"></span><p>宝贝收藏</p></a></li>
                            <li><a href="#"><span class="fa fa-grav "></span><p>买过的店</p></a></li>
                            <li><a href="#"><span class="fa fa-product-hunt "></span><p>收藏的店</p></a></li>
                            <li><a href="#"><span class="fa fa-viadeo "></span><p>我的足迹</p></a></li>
                        </ul>

                        <div class="user-foot">
                            <a href="#">
                                <span>热点</span>
                                <p>疫情场景淘宝卖家指导手册</p>
                            </a>
                        </div>
                    </div>



                </div>


            </div>


            <!-- 猜你喜欢 区域 -->
            <div class="like">
                <div class="head2">
                    <span>猜你喜欢</span>
                    <img src="https://gw.alicdn.com/imgextra/i2/O1CN016b1mMM1FxJlsXfWhU_!!6000000000553-2-tps-96-30.png" alt="">
                </div>

                <ul class="like-shopp">
                    <script>
                        ;(function(){
                            let json=[
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/763842602/O1CN01iz9KqD1V5lKkET6Ox_!!763842602.jpg_300x300q90.jpg_.webp',name:'日本vegiebag妈咪包手提母婴包外出轻便大容量妈妈包女帆布托特包',xiaokuang:'送运费险',price:'29.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/849090736/O1CN01PhQt6Z1HJ8IJxn8YD_!!849090736.jpg_300x300q90.jpg_.webp',name:'大排骨梳子卷发梳背头蓬松造型神器气囊梳子长发卷发按摩大弯梳子',xiaokuang:'淘金币抵0.2元',price:'5.9'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/266427918/O1CN01hofq9b28MUnX88PC6_!!266427918.jpg_300x300q90.jpg_.webp',name:'双头唇釉镜面日系灰粉色唇泥蜜桃粉唇彩低饱和裸色系口红平价学生',xiaokuang:'',price:'5.7'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/3085605039/O1CN01ANda5L1n5uZtJyWdn_!!2-item_pic.png_300x300q90.jpg_.webp',name:'iKF Find Air第5五代蓝牙耳机无线降噪半入耳式运动超长待机4挂脖',xiaokuang:'送运费险',price:'189'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i2/849090736/O1CN014DWcdj1HJ8I9c3JV7_!!849090736.jpg_300x300q90.jpg_.webp',name:'气垫粉扑干湿两用不吃粉化妆海绵粉底液棉花糖散粉饼扑专用工具',xiaokuang:'',price:'3.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded///asearch.alicdn.com/bao/uploaded/O1CN01rbryXU1iQufFWOa6S_!!164408.jpg_300x300q90.jpg_.webp',name:'DEARSOCUTE买手店 REVAN 23春夏新款腰带牛仔百褶半裙半身裙',xiaokuang:'',price:'1190'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/3217727375/O1CN01v7e6XQ24LnkEgC5PY_!!0-item_pic.jpg_300x300q90.jpg_.webp',name:'小众卡通Kitty猫适用iPhone11/12/13手机壳苹果14promax的高级感透明x防摔xr可爱14pro女款xs保护套7/8plus软',xiaokuang:'',price:'7.72'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/732039845/O1CN01H5PWjW2Mb411DkLSS_!!732039845.jpg_300x300q90.jpg_.webp',name:'小众高级感迷你包包女2022新款潮百搭洋气斜挎包冬季流行链条小包',xiaokuang:'',price:'11.8'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/2208562857196/O1CN01l2TtLw231ote7yh6d_!!2208562857196.jpg_300x300q90.jpg_.webp',name:'2023夏季温柔风抽绳荷叶边裙子小清新法式初恋甜美碎花吊带连衣裙',xiaokuang:'送运费险',price:'78.89'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/46048020/O1CN01JNAIex297DGfFYJxp_!!0-saturn_solar.jpg_300x300q90.jpg_.webp',name:'安踏儿童篮球鞋男大童2023年夏季透气青狂旋转扣体育运动网面鞋男',xiaokuang:'送运费险',price:'469'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/763842602/O1CN01iz9KqD1V5lKkET6Ox_!!763842602.jpg_300x300q90.jpg_.webp',name:'日本vegiebag妈咪包手提母婴包外出轻便大容量妈妈包女帆布托特包',xiaokuang:'送运费险',price:'29.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/849090736/O1CN01PhQt6Z1HJ8IJxn8YD_!!849090736.jpg_300x300q90.jpg_.webp',name:'大排骨梳子卷发梳背头蓬松造型神器气囊梳子长发卷发按摩大弯梳子',xiaokuang:'淘金币抵0.2元',price:'5.9'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/266427918/O1CN01hofq9b28MUnX88PC6_!!266427918.jpg_300x300q90.jpg_.webp',name:'双头唇釉镜面日系灰粉色唇泥蜜桃粉唇彩低饱和裸色系口红平价学生',xiaokuang:'',price:'5.7'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/3085605039/O1CN01ANda5L1n5uZtJyWdn_!!2-item_pic.png_300x300q90.jpg_.webp',name:'iKF Find Air第5五代蓝牙耳机无线降噪半入耳式运动超长待机4挂脖',xiaokuang:'送运费险',price:'189'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i2/849090736/O1CN014DWcdj1HJ8I9c3JV7_!!849090736.jpg_300x300q90.jpg_.webp',name:'气垫粉扑干湿两用不吃粉化妆海绵粉底液棉花糖散粉饼扑专用工具',xiaokuang:'',price:'3.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded///asearch.alicdn.com/bao/uploaded/O1CN01rbryXU1iQufFWOa6S_!!164408.jpg_300x300q90.jpg_.webp',name:'DEARSOCUTE买手店 REVAN 23春夏新款腰带牛仔百褶半裙半身裙',xiaokuang:'',price:'1190'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/3217727375/O1CN01v7e6XQ24LnkEgC5PY_!!0-item_pic.jpg_300x300q90.jpg_.webp',name:'小众卡通Kitty猫适用iPhone11/12/13手机壳苹果14promax的高级感透明x防摔xr可爱14pro女款xs保护套7/8plus软',xiaokuang:'',price:'7.72'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/732039845/O1CN01H5PWjW2Mb411DkLSS_!!732039845.jpg_300x300q90.jpg_.webp',name:'小众高级感迷你包包女2022新款潮百搭洋气斜挎包冬季流行链条小包',xiaokuang:'',price:'11.8'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/2208562857196/O1CN01l2TtLw231ote7yh6d_!!2208562857196.jpg_300x300q90.jpg_.webp',name:'2023夏季温柔风抽绳荷叶边裙子小清新法式初恋甜美碎花吊带连衣裙',xiaokuang:'送运费险',price:'78.89'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/46048020/O1CN01JNAIex297DGfFYJxp_!!0-saturn_solar.jpg_300x300q90.jpg_.webp',name:'安踏儿童篮球鞋男大童2023年夏季透气青狂旋转扣体育运动网面鞋男',xiaokuang:'送运费险',price:'469'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/763842602/O1CN01iz9KqD1V5lKkET6Ox_!!763842602.jpg_300x300q90.jpg_.webp',name:'日本vegiebag妈咪包手提母婴包外出轻便大容量妈妈包女帆布托特包',xiaokuang:'送运费险',price:'29.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/849090736/O1CN01PhQt6Z1HJ8IJxn8YD_!!849090736.jpg_300x300q90.jpg_.webp',name:'大排骨梳子卷发梳背头蓬松造型神器气囊梳子长发卷发按摩大弯梳子',xiaokuang:'淘金币抵0.2元',price:'5.9'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/266427918/O1CN01hofq9b28MUnX88PC6_!!266427918.jpg_300x300q90.jpg_.webp',name:'双头唇釉镜面日系灰粉色唇泥蜜桃粉唇彩低饱和裸色系口红平价学生',xiaokuang:'',price:'5.7'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/3085605039/O1CN01ANda5L1n5uZtJyWdn_!!2-item_pic.png_300x300q90.jpg_.webp',name:'iKF Find Air第5五代蓝牙耳机无线降噪半入耳式运动超长待机4挂脖',xiaokuang:'送运费险',price:'189'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i2/849090736/O1CN014DWcdj1HJ8I9c3JV7_!!849090736.jpg_300x300q90.jpg_.webp',name:'气垫粉扑干湿两用不吃粉化妆海绵粉底液棉花糖散粉饼扑专用工具',xiaokuang:'',price:'3.9'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded///asearch.alicdn.com/bao/uploaded/O1CN01rbryXU1iQufFWOa6S_!!164408.jpg_300x300q90.jpg_.webp',name:'DEARSOCUTE买手店 REVAN 23春夏新款腰带牛仔百褶半裙半身裙',xiaokuang:'',price:'1190'},
                                {Hot:'',img:'https://gw.alicdn.com/bao/uploaded/i1/3217727375/O1CN01v7e6XQ24LnkEgC5PY_!!0-item_pic.jpg_300x300q90.jpg_.webp',name:'小众卡通Kitty猫适用iPhone11/12/13手机壳苹果14promax的高级感透明x防摔xr可爱14pro女款xs保护套7/8plus软',xiaokuang:'',price:'7.72'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/732039845/O1CN01H5PWjW2Mb411DkLSS_!!732039845.jpg_300x300q90.jpg_.webp',name:'小众高级感迷你包包女2022新款潮百搭洋气斜挎包冬季流行链条小包',xiaokuang:'',price:'11.8'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i3/2208562857196/O1CN01l2TtLw231ote7yh6d_!!2208562857196.jpg_300x300q90.jpg_.webp',name:'2023夏季温柔风抽绳荷叶边裙子小清新法式初恋甜美碎花吊带连衣裙',xiaokuang:'送运费险',price:'78.89'},
                                {Hot:'t',img:'https://gw.alicdn.com/bao/uploaded/i1/46048020/O1CN01JNAIex297DGfFYJxp_!!0-saturn_solar.jpg_300x300q90.jpg_.webp',name:'安踏儿童篮球鞋男大童2023年夏季透气青狂旋转扣体育运动网面鞋男',xiaokuang:'送运费险',price:'469'},
                            ]



                            for(j=0;j<json.length;j++){

                                document.write(`
                                <li>
                                    <a href="#">
                                        <img src=${json[j].img}  alt="">
                                        <span>
                                `)
                                if(json[j].Hot!=='')

                                document.write(`
                                            <img src="https://img.alicdn.com/imgextra/i1/O1CN01rHZjwm1kc1MDCvBIO_!!6000000004703-2-tps-38-20.png" >
                                `)

                                document.write(`
                                                ${json[j].name}
                                            </span>
                                `)



                                if(json[j].xiaokuang!=='')
                                document.write(` <p>${json[j].xiaokuang}</p>`)

                                
                                document.write(`
                                        <div class="price">
                                            <span>￥</span>${json[j].price}
                                        </div>

                                    </a>
                                </li>
                                `)





                            }


                        }())
                    </script>
                </ul>
                
                <div class="bottom">
                    <ul>
                        <li>
                            <h4>
                                <span class="fa fa-spin fa-hand-o-right"></span>
                                规则与协议
                            </h4>
                            <ul>
        
                                <li><a href="https://rulechannel.taobao.com/?spm=a21bo.jianhua.201876-1.1.5af911d94zYztV#/" data-spm-anchor-id="a21bo.jianhua.201876-1.1">淘宝规则</a></li>
                                
                                <li><a href="http://service.taobao.com/support/knowledge-1119776.htm" data-spm-anchor-id="a21bo.jianhua.201876-1.2">退货退款流程</a></li>
                                
                                <li><a href="http://service.taobao.com/support/main/service_center.htm" data-spm-anchor-id="a21bo.jianhua.201876-1.3">服务中心</a></li>
                                
                                <li><a href="http://www.taobao.com/go/act/315/xb_20100707.php" data-spm-anchor-id="a21bo.jianhua.201876-1.4">更多特色服务</a></li>
                                
                                <li><a href="https://terms.alicdn.com/legal-agreement/terms/TD/TD201609301342_19559.html" data-spm-anchor-id="a21bo.jianhua.201876-1.5">平台服务协议</a></li>
                                
                                <li><a href="https://rule.taobao.com/rulecycle.htm?spm=a21bo.jianhua.1997523009.38.4e3a11d9L4ppkW" data-spm-anchor-id="a21bo.jianhua.201876-1.6">规则意见征集</a></li>
                                
                              </ul>
                        </li>
                        <li>
                            <h4>
                                <span class="fa fa-spin fa-circle-o-notch"></span>
                                新手上路 
                            </h4>
                            <ul>
        
                                <li><a href="http://service.taobao.com/support/minerva/beta_robot_main.htm?spm=a21bo.jianhua.201876-2.1.5af911d94zYztV" data-spm-anchor-id="a21bo.jianhua.201876-2.1">24小时在线帮助</a></li>
                                
                                <li><a href="http://mai.taobao.com/seller_admin.htm" data-spm-anchor-id="a21bo.jianhua.201876-2.2">免费开店</a></li>
                                
                              </ul>
                        </li>
                        <li>
                            <h4>
                                <span class="fa fa-spin fa-refresh"></span>
                                付款方式 
                            </h4>
                            <ul>
        
                                <li><a href="https://payservice.alipay.com/intro/index.htm?c=kjzf" data-spm-anchor-id="a21bo.jianhua.201876-3.1">快捷支付</a></li>
                                
                                <li><a href="https://payservice.alipay.com/intro/index.htm?c=xyk" data-spm-anchor-id="a21bo.jianhua.201876-3.2">信用卡</a></li>
                                
                                <li><a href="https://payservice.alipay.com/intro/index.htm?c=yeb" data-spm-anchor-id="a21bo.jianhua.201876-3.3">余额宝</a></li>
                                
                                <li><a href="https://payservice.alipay.com/intro/index.htm?c=hb" data-spm-anchor-id="a21bo.jianhua.201876-3.4">蚂蚁花呗</a></li>
                                
                              </ul>
                        </li>
                        <li>
                            <h4>
                                <span class="fa fa-spin fa-spinner"></span>
                                淘宝特色 
                            </h4>
                            <ul>
        
                                <li><a href="https://market.m.taobao.com/app/fdilab/download-page/main/index.html?spm=a21bo.jianhua.201876-4.1.5af911d94zYztV" data-spm-anchor-id="a21bo.jianhua.201876-4.1">手机淘宝</a></li>
                                
                                <li><a href="https://alimarket.taobao.com/markets/qnww/portal-group/ww/index" data-spm-anchor-id="a21bo.jianhua.201876-4.2">旺旺/旺信</a></li>
                                
                                <li><a href="http://pan.taobao.com/" data-spm-anchor-id="a21bo.jianhua.201876-4.3">大众评审</a></li>
                                
                              </ul>
                        </li>
                    </ul>
                </div>
            </div>














        </div>








          
    </div>
    <script src="./taobao.js"></script>

    <div class="footer">
        <div class="footer2">
            <p><span><a href="https://www.alibabagroup.com/cn/global/home?spm=a21bo.jianhua.1997523009.1.5af911d94zYztV" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.1">阿里巴巴集团</a></span><b>|</b><span><a href="https://www.taobao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.2">淘宝网</a></span><b>|</b><span><a href="https://www.tmall.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.3">天猫</a></span><b>|</b><span><a href="https://pages.tmall.com/wow/a/act/ju/dailygroup/2199/wupr?wh_pid=daily-222239" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.4">聚划算</a></span><b>|</b><span><a href="https://www.aliexpress.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.5">全球速卖通</a></span><b>|</b><span><a href="https://www.alibaba.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.6">阿里巴巴国际交易市场</a></span><b>|</b><span><a href="https://www.1688.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.7">1688</a></span><b>|</b><span><a href="https://www.alimama.com/index.htm" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.8">阿里妈妈</a></span><b>|</b><span><a href="https://www.fliggy.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.9">飞猪</a></span><b>|</b><span><a href="https://www.aliyun.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.10">阿里云计算</a></span><b>|</b><span><a href="https://www.alios.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.11">AliOS</a></span><b>|</b><span><a href="https://aliqin.tmall.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.12">阿里通信</a></span><b>|</b><span><a href="https://www.etao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.13">一淘</a></span><b>|</b><span><a href="https://wanwang.aliyun.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.14">万网</a></span><b>|</b><span><a href="https://mobile.amap.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.15">高德</a></span><b>|</b><span><a href="https://www.uc.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.16">UC</a></span><b>|</b><span><a href="https://www.umeng.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.17">友盟</a></span><b>|</b><span><a href="https://s.alibaba.com/?scene=clinks" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.18">阿里安全</a></span><b>|</b><br><span><a href="https://www.damai.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.19">大麦网</a></span><b>|</b><span><a href="https://www.dingtalk.com/?lwfrom=20150130160830727" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.20">钉钉</a></span><b>|</b><span><a href="https://www.alipay.com" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.21">支付宝</a></span><b>|</b><span><a href="https://www.youku.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.22">优酷</a></span><b>|</b><span><a href="https://www.tudou.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.23">土豆</a></span><b>|</b><span><a href="https://www.alihealth.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.24">阿里健康</a></span><b>|</b><span><a href="http://www.alibabapictures.com/simp/0-home.html" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.25">阿里影业</a></span><b>|</b><span><a href="https://www.mybank.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.26">网商银行</a></span><b>|</b><span><a href="https://izhongchou.taobao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.27">造点新货（众筹）</a></span><b>|</b></p>


            <div class="tb-footer-bd"><p><span><a href="https://huodong.taobao.com/wow/tbhome/act/about-home?spm=a21bo.jianhua.1997523009.28.5af911d94zYztV" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.28">关于淘宝</a></span><span><a href="https://pro.taobao.com/index.htm" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.29">营销中心</a></span><span><a href="https://jubao.alibaba.com/?site=taobao" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.30">廉正举报</a></span><span><a href="https://consumerservice.taobao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.31">联系客服</a></span><span><a href="https://open.taobao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.32">开放平台</a></span><span><a href="https://talent.alibaba.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.33">诚征英才</a></span><span><a href="https://consumerservice.taobao.com/contact-us" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.34">联系我们</a></span><span><a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.35">隐私权政策</a></span><span><a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201811121436_80276.html" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.36">法律声明</a></span><span><a href="https://ipp.alibabagroup.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.37">知识产权</a></span><span><a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao202105131215_57739.html" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.38">不当竞争举报</a></span><b>|</b><em>© 2003-现在 Taobao.com 版权所有</em></p><p><span>增值电信业务经营许可证：浙B2-20080224</span><b>|</b><span>增值电信业务经营许可证（跨地区）： B2-20150210</span><b>|</b><span>浙网文【2022】0403-017号</span><b>|</b><span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span><b>|</b><br></p><p><span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span><b>|</b><span>短消息类服务接入代码使用证书：号【2016】00154-A01</span><b>|</b><span>信息网络传播视听许可证：1109364号</span><b>|</b><span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span><b>|</b></p><p><span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000078" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.39"><span class="tb-footer-mod" style="background-position: -861px 0px; width: 20px; height: 20px; background-image: url(&quot;https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg&quot;);"></span>浙公网安备 33010002000078号</a></span><b>|</b><span><a href="http://beian.miit.gov.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.40">浙B2-20080224-1</a></span><b>|</b><span>广播电视节目制作经营许可证（浙）字第01012号</span><b>|</b><span>市场名称登记证：工商网市字3301004120号</span><b>|</b><span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span><b>|</b><span><a href="mailto:jubao.tb@service.taobao.com" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.41">互联网违法和不良信息举报电话：0571-81683755 jubao.tb@service.taobao.com</a></span><b>|</b><span><a href="https://www.shdf.gov.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.42">中国扫黄打非网</a></span><b>|</b><span><a href="https://jbts.mct.gov.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.43">全国文化和旅游市场网上举报投诉处理系统</a></span><b>|</b><span><a href="https://www.12315.cn/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.44">全国12315平台</a></span><b>|</b><span><a href="http://www.zjjubao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.45">浙江省互联网违法和不良信息举报中心</a></span><b>|</b><span><a href="https://jubao.taobao.com/" rel="noopener noreferrer" data-spm-anchor-id="a21bo.jianhua.1997523009.46">全网举报</a></span><b>|</b><br></p></div>
        </div>


        


    </div>

    <div class="right-list">
        <div class="message" style="margin-top:0px;" >
            <img src="https://img.alicdn.com/imgextra/i1/O1CN013cC24N1Um4HzMwyE7_!!6000000002559-2-tps-52-46.png" alt="">
            <p>消息</p>
        </div>
        <div class="service">
            <img src="https://img.alicdn.com/imgextra/i1/O1CN013cC24N1Um4HzMwyE7_!!6000000002559-2-tps-52-46.png" alt="">
            <p>官方客服</p>
        </div>
        <div class="feedback">
            <img src="https://img.alicdn.com/imgextra/i1/O1CN013cC24N1Um4HzMwyE7_!!6000000002559-2-tps-52-46.png" alt="">
            <p>反馈</p>
        </div>
        <div class="report">
            <img src="https://img.alicdn.com/imgextra/i1/O1CN013cC24N1Um4HzMwyE7_!!6000000002559-2-tps-52-46.png" alt="">
            <p>举报</p>
        </div>
        <div class="back">
            <img src="https://img.alicdn.com/imgextra/i1/O1CN013cC24N1Um4HzMwyE7_!!6000000002559-2-tps-52-46.png" alt="">
            <p>返回顶部</p>
        </div>

    </div>

    <script>
        ;(function(){
            let reportr = document.querySelector('.back')
            




        }())
    </script>
</body>
</html>